<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Wedding Store A Ecommerce Category Flat Bootstarp Resposive Website Template | Login :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Wedding Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- start menu -->
<script src="js/simpleCart.min.js"> </script>
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>	
<link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
		<script src="../res/layui/layui.js"></script>
		<script src="../js/global.js"></script>
		
<!-- /start menu -->
</head>
<body> 
<!--header-->	
<div class="top_bg">
	<div class="container">
		<div class="header_top-sec">
			<div class="top_right">
				<ul>
					<li><a href="#">帮助</a></li>|
					<li><a href="contact.html">联系</a></li>|
					<li><a href="login.html">跟踪订单</a></li>
				</ul>
			</div>
			<div class="top_left">
				<ul>
					<li class="top_link">Email:<a href="mailto:info@example.com">mail@example.com</a></li>|
					<li class="top_link"><a href="login.html">我的账户</a></li>					
				</ul>
			</div>
				<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="header-top">
	 <div class="header-bottom">
		 <div class="container">			
				<div class="logo">
					<a href="index.html"><h1>梦幻婚礼</h1></a>
				</div>
			 <!---->
		 
			 <div class="top-nav">
				<ul class="memenu skyblue"><li class="active"><a href="index.html">首页</a></li>
					<li class="grid"><a href="#">婚礼</a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>商店</h4>
									<ul>
										<li><a href="product.html">New Arrivals</a></li>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">登录</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">我的购物车</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>样式区域</h4>
									<ul>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">配饰</a></li>
										<li><a href="product.html">拍摄风格</a></li>
									</ul>	
								</div>
								<div class="col1 me-one">
									<h4>受欢迎的品牌</h4>
									<ul>
									
										<li><a href="product.html">李维斯</a></li>
										<li><a href="product.html">Nike</a></li>
										<li><a href="product.html">埃德温</a></li>
										
										<li><a href="product.html">杰克与琼斯</a></li>
										<li><a href="product.html">Paul Smith</a></li>
										<li><a href="product.html">Ray-Ban</a></li>
										<li><a href="product.html">木木材</a></li>
									</ul>	
								</div>
							</div>
						</div>
					</li>
					<li class="grid"><a href="#"></a>
						<div class="mepanel">
							<div class="row">
								<div class="col1 me-one">
									<h4>Shop</h4>
									<ul>
										<li><a href="product.html">New Arrivals</a></li>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">登录</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">我的购物车</a></li>
									</ul>
								</div>
								<div class="col1 me-one">
									<h4>Style Zone</h4>
									<ul>
										<li><a href="product.html">新郎</a></li>
										<li><a href="product.html">新娘</a></li>
										<li><a href="product.html">品牌</a></li>
										<li><a href="product.html">花童</a></li>
										<li><a href="product.html">配饰</a></li>
										<li><a href="product.html">拍摄风格</a></li>
									</ul>	
								</div>
								<div class="col1 me-one">
									<h4>Popular Brands</h4>
									<ul>
										<li><a href="product.html">李维斯</a></li>
										<li><a href="product.html">Nike</a></li>
										<li><a href="product.html">埃德温</a></li>
										
										<li><a href="product.html">杰克与琼斯</a></li>
										<li><a href="product.html">Paul Smith</a></li>
										<li><a href="product.html">Ray-Ban</a></li>
										<li><a href="product.html">木木材</a></li>
									</ul>	
								</div>
							</div>
						</div>
					</li>
				
					<li class="grid"><a href="contact.html">联系我们</a></li>
				</ul>
				<div class="clearfix"> </div>
			 </div>
			 <!---->
			 <div class="cart box_1">
				 <a href="checkout.html">
					<h3> <div class="total">
					<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span>)</div>
					<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></h3>
				</a>
				<p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a></p>
			 	<div class="clearfix"> </div>
			 </div>
			 <div class="clearfix"> </div>
			 <!---->			 
			 </div>
			<div class="clearfix"> </div>
	  </div>
</div>
<!---->
<div class="login_sec">
	 <div class="container">
		 <ol class="breadcrumb">
		  <li><a href="index.html">Home</a></li>
		  <li class="active">Login</li>
		 </ol>
		 <h2>Login</h2>
		 <div class="col-md-6 log">			 
				 <p>Welcome, please enter the folling to continue.</p>
				 <p>If you have previously Login with us, <span>click here</span></p>
				 <form id='form_add' onsubmit="return false;">
					 <h5>User Name:</h5>	
					 <input type="text" name="username" value="">
					 <h5>Password:</h5>
					 <input type="password" name="userpassword" value="">					
					 <input type="submit" value="登录" lay-submit lay-filter="add_submit">					 
					  <a class="acount-btn" href="account.html">注册</a>
				 </form>
				 <a href="#">Forgot Password ?</a>
					
		 </div>	
				
		 <div class="clearfix"></div>
	 </div>
</div>
<!---->
<div class="shoping">
	 <div class="container">
		 <div class="shpng-grids">
			 <div class="col-md-4 shpng-grid">
				 <h3>免费送货</h3>
				 <p>订单满RS999</p>
			 </div>
			 <div class="col-md-4 shpng-grid">
				 <h3>订单退货</h3>
				 <p>14天内退货</p>
			 </div>
			 <div class="col-md-4 shpng-grid">
				 <h3>付款方式</h3>
				 <p>货到付款</p>
			 </div>
			 <div class="clearfix"></div>
		 </div>
	 </div>
</div>
<!---->
<div class="footer">
	 <div class="container">
		 <div class="ftr-grids">
			 <div class="col-md-3 ftr-grid">
				 <h4>关于我们</h4>
				 <ul>
					 <li><a href="#">我们是谁</a></li>
					 <li><a href="contact.html">联系我们</a></li>
					 <li><a href="#">我们的网站</a></li>
					 <li><a href="#">在新闻中</a></li>
									 
				 </ul>
			 </div>
			 <div class="col-md-3 ftr-grid">
				 <h4>客户服务</h4>
				 <ul>
					 <li><a href="#">常问问题</a></li>
					 <li><a href="#">运输</a></li>
					 <li><a href="#">消除</a></li>
					 <li><a href="#">退货</a></li>
					 <li><a href="#">批量订单</a></li>
					 <li><a href="#">购买指南</a></li>					 
				 </ul>
			 </div>
			 <div class="col-md-3 ftr-grid">
				 <h4>您的帐户</h4>
				 <ul>
					 <li><a href="account.html">您的帐户</a></li>
					 <li><a href="#">个人信息</a></li>
					 <li><a href="#">地址</a></li>
					 <li><a href="#">折扣</a></li>
					 <li><a href="#">追踪您的订单</a></li>					 					 
				 </ul>
			 </div>
			 <div class="col-md-3 ftr-grid">
				 <h4>分类目录</h4>
				 <ul>
					 <li><a href="#">>>婚礼</a></li>
					 <li><a href="#">>>珠宝</a></li>
					 <li><a href="#">>>鞋子</a></li>
					 <li><a href="#">>>花</a></li>
					 <li><a href="#">>>蛋糕</a></li>
					 <li><a href="#">...更多</a></li>					 
				 </ul>
			 </div>
			 <div class="clearfix"></div>
		 </div>		
	 </div>
</div>
<!---->
<script>
	
	
		layui.use(['layer', 'form'], function() {
			var $ = layui.$ //jquery
				,
				layer = layui.layer //弹层
				,
				form = layui.form //表单	

				//登录
			form.on('submit(add_submit)', function(data) {
				var str = $("#form_add").serialize();
				$.post("../user/loginUser", str, function(result) {
					if(result.code === '0') {	
						
						window.location.href=globalData.server + "/xxm/index.html";
					
					} else {
						layer.alert(result.msg);
					}
				}, "json");
				return false;
			});

		/* 监听添加*/
		form.on('submit(add)', function(data) {
			index = layer.open({
				type: 2,
				area: ['900px', '600px'],
				content: 'logintwo.html' //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
			});

			return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
		});
		
});
		
	</script> 
</body>
</html>